<div [@routerTransition]>
  <div class="m-subheader">
    <div class="d-flex align-items-center">
      <div class="mr-auto col-xs-6">
        <h3 class="m-subheader__title m-subheader__title--separator">
          <span>车间验证域</span>
        </h3>
        <span class="m-section__sub">
          车间验证域的文本头信息
        </span>
      </div>
      <div class="col-xs-6 text-right">

      </div>
    </div>
  </div>
  <div class="m-content">
    <div class="m-portlet m-portlet--mobile">


      <div class="m-portlet__body">
        <p>
          &nbsp;
        </p>
        <div class="row align-items-center">
          <div class="primeng-datatable-container" [busyIf]="primengTableHelper.isLoading">

            <div class="m-stack m-stack--ver m-stack--general m-stack--demo" *ngFor="let item of domains">
              <div class="m-stack__item  m-stack__item--center m-stack__item--middle component-item ">
                <h5>
                  <font style="vertical-align: inherit;">
                    {{item?.domainType}}({{item?.validationInfoDtos.length}})
                  </font>
                </h5>
              </div>

              <div class="m-stack__item">
                <div class="row">
                  <div class="col-md-3 col-xl-2 col-sm-6" *ngFor="let el of item.validationInfoDtos" style="margin: 5px 0;">
                    <div class="m-widget4 bg-secondary">
                      <div class="m-widget4__item">
                        <div class="m-widget4__info">
                          <span class="m-widget4__title">
                            <div>
                              {{el?.valCode}}
                            </div>
                            <div>
                              {{el?.valName}}
                            </div>
                          </span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>

      </div>

    </div>
  </div>
</div>
